// import { useState } from 'react';
// function Welcome() {
//   let [value, setValue] = useState('');
//   let changeFunc = (e) => {
//     setValue(e.target.value);
//   };
//   return (
//     <div>
//       <input type="text" value={value} onChange={changeFunc}></input>
//       {/* 并通过 props 将其传递给input组件 */}
//     </div>
//   );
// }
// function App() {
//   return (
//     <div>
//       hello App
//       <Welcome></Welcome>
//     </div>
//   );
// }

// export default App;

import React from 'react';
function Welcome() {
  let inputRef = React.createRef();
  let handleClick = () => {
    console.log('Input value:', inputRef.current.value);
  };
  return (
    <div>
      <input type="text" ref={inputRef} />
      <button onClick={handleClick}>Get Value</button>
    </div>
  );
}
function App() {
  return (
    <div>
      hello App
      <Welcome></Welcome>
    </div>
  );
}

export default App;
